import React, { Component } from 'react';
import { Context, UseContext } from '../Context';

class ConsumerPage extends Component {

  render() {
     return (<div>
       <h3>ConsumerPage</h3>
       <Context.Consumer>
         {
           theme => {
             return <div style={{color: theme.themeColor}}>omg
             <UseContext.Consumer>
               {
                 use => {
                   return <div>{use}</div>
                 }
               }
             </UseContext.Consumer>
             </div>
           }
         }
       </Context.Consumer>
     </div>)
  }
}

export default ConsumerPage